<template>
    <ul>
        <li v-for="item in list":key="item.id" @click="$router.push('/detail/'+item.id)">
            <div style="width: 100%;height: 100%;">
                <img :src="item.image" alt="" ></div>
            <p class="">{{ item.title }}</p>
            <p style="color: red;">￥{{ item.price }}</p>
        </li>
    </ul>
  

</template>
<script setup>
import request from '@/utils/request.js'

import { onMounted,ref } from 'vue'
const list=ref([])
onMounted(() => {
  request.get('list',{
    params:{pagination:1,pageNum:30}
  }).then(res=>{
    if(res.data.code==200){
        console.log(res.data.data);
        list.value=res.data.data
    }
  })
})
</script>
<style lang="scss" scoped>
ul{
    column-count: 2;
}
</style>